body,html{height:100%}
body{background-color:#F6F6F6;;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;overflow:hidden;color:#999;background-size:cover;background-position-x:initial;background-position-y:initial;background-attachment:initial;background-origin:initial;background-clip:initial;}
body:after{content:'';background-repeat:no-repeat;background-size:cover;-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px);filter:blur(3px);position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}
.layui-form-item input,.layui-form-item label{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}
.layui-input{height:45px;}
.layui-input:focus{border-color:#e699c6!important}
.layui-login-body{max-width:420px;margin:0 auto;}
.layui-container{width:100%;height:100%;overflow:hidden}
.layui-header{height: auto;border-radius: 15px 15px 0 0;padding:25px 0;background:radial-gradient(circle, rgba(247,150,192,1) 0%, rgba(118,174,241,1) 100%) !important}
.layui-card-header{font-family:emoji;color:#fff;text-align:center;letter-spacing:2px;padding:14px 0;font-weight:700;font-size:36px;border-bottom:none}
.layui-card-body{background:#fff;line-height:normal;border:none;border-radius:18px;padding:0 0 14px 0;
    /*box-shadow:0 0 8px #eee*/
}
.layui-card-body .layui-form{padding:25px 25px;}
.layui-card-body .layui-form-item{position:relative;margin-bottom:20px; }
.layui-card-body .layui-input-wrap{height:45px;line-height:45px;}
.layui-card-body .layui-form-item .layui-input-prefix i{color: #e699c6 !important;position:absolute;left:1px;top:4px;width:38px;line-height:36px;text-align:center;color:#d2d2d2}
.layui-form-item .captcha-img{display:inline-block;width:50%;float:right}
.layui-form-item .captcha-img img{border:1px solid #e6e6e6;height:43px;width:100%}
.layui-form-item.copyright{font-size:12px;color:#e699c6;text-align:center}
.layui-form-item.copyright a{color:#e699c6}
.layui-form-checked[lay-skin=primary] i{border-color: #e699c6!important;background: radial-gradient(circle, rgba(247,150,192,1) 0%, rgba(118,174,241,1) 100%) !important;}
.layui-btn{background:radial-gradient(circle, rgba(247,150,192,1) 0%, rgba(118,174,241,1) 100%) !important}
input::-webkit-input-placeholder{color: #bdcada
}
input:-moz-placeholder{color:#bdcada}
input::-moz-placeholder{color: #bdcada;}
input:-ms-input-placeholder{color:#bdcada}
@media screen and (min-width:1201px){.layui-login-body{max-width:420px;margin-top:180px}
}
@media screen and (max-width:1200px){.layui-login-body{max-width:420px;margin-top:180px}
}
@media screen and (max-width:1024px){.layui-login-body{max-width:420px;margin-top:150px}
}
@media screen and (max-width:992px){.layui-login-body{max-width:360px;margin-top:180px}
}
@media screen and (max-width:768px){.layui-login-body{max-width:360px;margin-top:120px}
}
@media screen and (max-width:400px){.layui-login-body{max-width:300px;margin-top:130px}.layui-card-body .layui-form-item{margin-bottom:15px; }
}
@media screen and (max-width:360px){.layui-login-body{max-width:300px;margin-top:85px}.layui-card-body .layui-form-item{margin-bottom:15px; }
}
@media screen and (max-width:320px){.layui-login-body{max-width:300px;margin-top:50px
}.layui-card-body .layui-form-item{margin-bottom:15px; }
}
/*适应高度*/
@media screen and (min-height: 901px) and (max-height: 1080px) {  .layui-login-body {margin-top: 180px}
}
@media screen and (min-height: 801px) and (max-height: 900px) {  .layui-login-body {margin-top: 150px}
}
@media screen and (min-height:400px) and (max-height: 800px) {  .layui-login-body { margin-top: 50px}
}
